<html>
	<head>
		<style>
		#box1 {
		    width:300px;
		    height:200px;
		    background:blue;
		    margin:auto;
		}
		#box2 {
		    width:300px;
		    height:200px;
		    background:blue;
		    position:absolute;
		    right:0px;
		}
		#box3 {
		    width:500px;
		    height:200px;
		    background:red;
		    float:right;
		}
		</style>
	</head>
	<body>
		<div id="box1">
			块元素可以把左，右外边距设置为“auto”，实现水平对齐
		</div>
		<div id="box2">
			使用绝对定位是元素对齐方法之一，可以设置左和右对齐。绝对定位与文档流无关，所以它们可以覆盖页面上的其它元素
		</div>
		<div id="box3">
			对齐元素的另一个方法就是使用 float 属性，可以实现左和右对齐
		</div>
	</body>
</html>